如何设计1张有钱人的海报?
大声说出来,
你的梦想是不是像这样的:
哈哈,我也是!
那钱跟海报设计有啥关系呢?
说它有关系呢,貌似也没啥关系,说它们没关系呢,怎么可能,学完就可以去搞钱了啊!
今天的干货很干,你需要先喝一口水再开始看。
好了,说主题。
今天的文章我要讲的是排版中的节奏感。
说到节奏感,大家可能最容易想到音乐中的动次打次。其实在版式排版上,同样存在节奏变化。
我先随便打几个字,看不出什么节奏感对吧?
稍微改一下,大家再感受一下。
通过调整大小对比,看起来是不是重点更加突出,视觉上的层次感也更强了呢?
通过对文字大小的变化,引导用户的视线,从而形成视觉上的跳跃性,这就是版式设计中的节奏感。
下面我们再来看一个复杂点的案例。
在UI设计中,表单信息的设计至关重要,对排版的基本功要求很高。没有节奏感的排版往往是这样的:
只是简单的文字堆砌,没有对信息进行视觉上的归类与分级,最后导致用户在浏览的时候,需要自己去搜索想要的信息。所以,没有节奏的排版会是低效的设计。
下面我对信息进行提炼,强化信息的分类,在排版上增加相应的变化,可以得到下面的效果:
现在看起来是不是清晰了很多?
改过之后的设计,主要是对信息进行了提炼和分类,让重点的信息更突出,从而有效提升了阅读效率。
对应在视觉设计上,它背后其实隐藏了强弱的节奏变化。
好了,通过上面两个例子,大家大概能感受到排版是节奏感到底是啥,下面我们来具体看看,好的排版节奏感,一般具有哪些特点。
在商业设计中,我们尽量要让用户第一眼就能抓住画面的重点。强烈的对比,可以使画面的主次更清晰,让用户的视觉更快速的定位到重点内容上。
例如下面这张广告中,画面的内容虽然很少,但是主次颠倒的排版让人完全捕捉不到画面的重点所在。
在进行文字排版的时候,第一件事情并不是选字体或者选颜色,而是认真阅读文案,对文案进行重要性分级,然后提炼出重点信息。
当画面上文案较多的时候,切忌均匀分布,这样会分散掉用户的注意力,让用户不知道从哪里看起。
有节奏感的排版一般主次非常分明,能让人一眼看清重点所在。
所谓阅读动线,就是文字的阅读方向。一般来说,我们选择了什么样的对齐方式,就形成了固定的阅读动线。
例如下面这张图,文字毫无规律,所以看起来很费劲。
我们将所有的文案对齐之后,自然而然就形成了阅读动线。居左对齐的话,阅读动线就是左对齐的基准线,居中对齐的话,就是中间线。
一旦我们建立了某种阅读动线之后,就不要轻易的去打破它,不然的话就会打乱阅读秩序,视觉上也会失衡。
阅读动线并不一定就是直线,也可以是曲线:
对于更复杂一点的排版,一般不只有一种对齐方式,这个时候我们可以通过重心分布,来引导用户视线,从而形成简明的阅读动线。
再看一个反面案例。
有些新手设计师,为了让自己的版式显得很“高级”,故意去模仿高手做的错乱排版,最后造成的结果就是阅读动线混乱,完全没法看。
对齐就好看了
在排版的时候,我们不能一味强调变化,平衡同样重要。最常见的做法是整体的视觉分布上尽量做到平衡,在局部来做变化。这样可以让视觉上达到更丰富的效果。
再拆解一个案例给大家看下。
下面的例子是一个类似杂志风的排版,首先我们看到文案的整体被平均的分布在页面的上中下三部分,并且是弱强弱的变化,然后每部分的样式也完全不同,这样既达到了整体的平衡,视觉上的变化也很丰富。
其实无论多复杂的排版,拆解之后都会觉得很简单,所以对设计来说,永远都是说起来容易,做起来难。
下面我就给大家分享三招非常实用的排版技巧,带大家做出有节奏感的排版。
这个知识点很简单,不需要多讲,如果看不懂学不明,那你就回家。。。
前面我们说过,节奏感的排版最重要的特征之一就是主次关系要明确。在实操中,我们主要通过拉开对比来实现。可能每一位刚入门的设计师都知道对比的重要性,但是真正做起来又是另外一回事。
下面我们来就一个实操案例,看看如何用对比的手法,做一张看起来就很有钱的海报。
第一步:
当然是直奔上题,打上超大的“有钱”。
第二步,
接着,再加一个超级有钱的人。
怎么样,
有钱的感觉一下就来了吧?
第三步,
对细节进行雕饰,重点在于让有钱人一看就很有钱!
第四步,
继续优化细节,让有钱人有钱的同时,也散发出人性的光辉。
第五步,
丰富文案和排版细节。
OK,收工!
做完有钱的海报,是不是觉得自己也马上有钱了!
小伙子,我看你的手相,是富贵命啊。
再来看一个改稿的案例。
下面这张某卫视的综艺广告,先不说设计风格如何,单论文字排版,读起来实在让人难受。在排版上它用了黑色和彩色的对比,来突出主标题,但是效果只能说,,,令人眼花缭乱。
OK,废话少说,下面当然是来看看怎么修改。
第一步,
原图的文案略显啰嗦,进行一下适度的简减,让它读起来更有节奏感。
第二步,
把中文和英文从字体和颜色上进行区隔,英文用了粗壮的无衬线体,中文则选用更精致的宋体。
到这一步,我们看到文字的对比度其实还不够,中文和英文相互干拢,主次关系并没有被突显出来,需要进一步优化。
第三步,
接着我们将背景改成浅色系的蓝色渐变,英文字改成白色,让整个画面看起来更加轻盈活力,与节目的气质更加相符。同时也可以让标题文字的主次关系更加明确。
结合文本的意思,给中文字体加模糊效果,产生一点动态的感觉,和英文字形成动静对比。
第四步,
确定画面主体之后,我们按照左右布局的方式,将其它信息用细一些的字体和字号排在左边,形成主次对比。
简单解析一下用到的对比方式:
最后再和原图对比一下:
OK,
看下一招。
不知道大家发现没,很多优秀的海报字数都非常多,但是整体排版非但不混乱,反而看起来很有节奏感,很饱满。
比如说像这样的。
还有这样的:
这些排版的最大特点是文字都是编组,成块形状的。不管是留白还是图文,尽量形成整块的空间,尽量避免零碎的元素出现。
这种排版方式,我们称完形排版。
简单来说,就是将画面中的图文编组,形成固定的几何形状,让视觉上看起来更统一。
这种方法经常用来排版一个文字组,看起来既严谨,又有所变化。完美符合我们前面所说的节奏感排版原则:局部有变化,整体要平衡。
OK,
下面就来看一个实操案例。
第一步,
先摆上外观极具赛博朋克风的重力星球P9耳机。
第二步,
完形排版做起来其实很简单,一句话,填空就行了。填空之前,我们需要先画好格子。
第三步,
将主要的文案找到合适的地方排上去。这里要注意,文案要分出主次,非主要的文案我们尽量用小字号,或者描边空心字体,降低视觉上的噪音。
第四步,
继续完善文字排版。
到这一步,完全就是填空题,将画面中的空隙用装饰图形或者小文字填满。
第五步,
完善细节。
给背景添加纹理,以及其它装饰元素,让画面的细节更饱满。
是不是很简单?
只要画好格子,然后填满,一张非常酷炫的海报就排版好了!
对了,如果觉得这个重力星球圈铁耳机很帅,想要下单,可以扫这里哦~
当然,这个不是今晚重点,继续往下学知识!
好了,
继续看下一招。
我们的眼睛在阅读信息的时候,总是希望第一时间就可以定位到焦点,或者找到规律。而利用基本的几何元素,能很好的帮我们达到这个目的。
比如将重要的文字圈起来,就可以迅速的形成画面焦点。
用几何图形分割画面,形成文字组:
还有一种办法就是用几何图形形成明确的方向感,或者空间感,这样用户很快就可以将用户的视线代入,让用户视线沿着既定的阅读动线走。
好了,
下面还是要看实操案例。
下面这张广告图也用到了几何元素来排版,但是效果不尽如人意。最主要的问题在于线条和色块所引导的方向,跟文字内容以及模特没有形成呼应,所以看着很不自然。
我们来将它优化一下。
第一步,
医美的主题明显偏女性化,所以我们在几何图形的选择上,可以柔和一些。先画几个圈圈来试着建立构图轮廓。
第二步,
在画面的正中心的椭圆中放入医美模特,然后将标题文案大概排一下。
第三步,
完善画面元素。
调试背景色,并将白色的圆更换成透明的玻璃,让画面看起来有种通透干净的感觉。
第四步,
进一步优化细节。
将主标题文字与玻璃叠压部分做出模糊效果,看起来更有层次。再将右边的小圆圈换成文字,这样几个圆之间就形成了上下叠压的空间感。
第五步,
完善其它文字细节。
完工!
再来对比一下原图:
是不是看起来专业了许多呢!
好了,
今天的教程内容就到这。
走了~
下面是你们自己动手的时间。
----------------------------------
结合今天讲的内容,修改一张banner或海报,让它的排版更有节奏感。
尺寸:
宽度 1000px,高度不限。
格式:
提交作品的时候,需要把你的文件命名修改为:
你的名字-你的QQ-作业,如:阿门-QQ12345678-作业.jpg
(不要ai或者cdr等格式,也不要压缩包)
邮件标题:
20211102-你的名字-QQ-作业
请注意-------------------
从这期作业开始,大家需要在作品中添加“庞门正道”或者“Artman design”的文字,以防止有人从网上盗图。
--------------------------
我会选择3位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。
下期教程出来的时候公布优秀结果,投稿邮箱:
2994247228@qq.com。
上期的作业一共收到59份作品,大家辛苦了:)
全部作品截图:
很多同学都十分用心的在做作业,相信时间会见证你们的进步,下面精选出3位同学送出小礼物:
01号作品
丸子
简单的裁剪一下,换个背景,氛围感瞬间拉满,一个字:赞。
02号作品
文奇
两张都是以建筑工地为主题,落日那张感觉更好。如果两张在色调、排版和主题上更加统一,会显得更有力量。
03号作品
晓汐
表达父爱的主题,这谁受得了!必须上榜。视觉上略有不足的是,树和天空的过度处理有点不够自然。
以上三位送出庞门正道定制本各一个!
-----------------------
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
这样下一期干货来得更快!
(在公众号回复:色彩教程,排版教程,有惊喜)
越努力,越幸运。
这里是庞门正道。